<template>
    <section class="warp">
      <div class="searchIpt clearFix">
        <select-input :title="title" :is-show.sync="listShow"></select-input>
        <list v-show="listShow" @changeTitle="titleHandle"></list>

      </div>
    </section>
</template>

<script>

import selectInput from '@/components/selectInput'
import list from '@/components/list'


export default {
  data(){
      return {
        listShow: false,
        title:''
      }
  },
  methods: {
    titleHandle(title){
      this.title = title
    }
  },
  components: {
    selectInput,
    list
  }
}
</script>
